<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%--<html>--%>
<%--<head>--%>
<%--<meta http-equiv="Content-Type" content="text/html; charset=utf-8">--%>
<%--<title>堵路移车详细列表</title>--%>
<%--<style>--%>
	<%--body{height:100%; overflow:hidden; margin:0px; padding:0px;}--%>
	<%--#iframepage {height:100%;position:absolute; width:100%;} --%>
<%--</style>--%>
<%--</head>--%>
<%--<body>--%>
 	<%--<iframe id ="iframepage" src="http://data.118114sz.com.cn:8091/carfriends/web/GAMoveCar/list?username=jim" frameborder="0"></iframe>--%>
<%--</body>--%>
<%--</html>--%>
<div class="pageHeader">
	<form rel="pageForm" onsubmit="return navTabSearch(this);" action="<c:url value='/movecar/list'/>" method="post">
		<div class="searchBar">
			<ul>
				<li style="float: left;line-height: 25px;">
					<label style="width:80px;">挪车车牌号：</label>
					<input name="carNo" type="text" value="${query.carNo}" placeholder="挪车车牌号"
						   style="width:160px;font-family:'微软雅黑 sans-serif serif';"/>
				</li>
				<li style="float: left;line-height: 25px;">
					<label style="width:80px;">报警人电话：</label>
					<input name="content_number" type="text" value="${query.content_number}" placeholder="报警人电话"
						   style="width:160px;font-family:'微软雅黑 sans-serif serif';"/>
				</li>
				<li style="float: left;line-height: 25px;">
					<label style="width:80px;">挪车位置：</label>
					<input name="address" type="text" value="${query.address}" placeholder="挪车位置"
						   style="width:250px;font-family:'微软雅黑 sans-serif serif';"/>
				</li>
				<li style="float: left; line-height: 25px;">
					<label style="width:60px;">处理状态：</label>
					<select id="txt_movecar_handleStatus" name="handleStatus" class="combox">
						<option value="">-请选择-</option>
						<option value="1">未处理</option>
						<option value="2">已处理</option>
						<%--<option value="3">无数据</option>--%>
					</select>
				</li>
				<li style="float: left; line-height: 25px;">
					<label style="width:80px;">发布时间：</label>
					<input name="start" type="text"
						   class="date" datefmt="yyyy-MM-dd HH:mm:ss"
						   value="<fmt:formatDate value="${query.start}" pattern="yyyy-MM-dd HH:mm:ss"/>"
						   placeholder="起始时间"
						   style="width: 160px; font-family: '微软雅黑 sans-serif serif';"/> - <input
						name="end" type="text" class="date" datefmt="yyyy-MM-dd HH:mm:ss"
						value="<fmt:formatDate value="${query.end}" pattern="yyyy-MM-dd HH:mm:ss"/>"
						placeholder="结束时间"
						style="width: 160px; font-family: '微软雅黑 sans-serif serif';"/>
				</li>
				<li>
					<div class="buttonActive" style="margin-left: 5px;">
						<div class="buttonContent">
							<button type="submit">查找</button>
						</div>
					</div>
				</li>
				<%--<li>--%>
					<%--<div class="buttonActive" style="margin-left: 5px;">--%>
						<%--<div class="buttonContent">--%>
							<%--<button type="button" onclick="exportExcel()">导出</button>--%>
						<%--</div>--%>
					<%--</div>--%>
				<%--</li>--%>
			</ul>
		</div>
	</form>
</div>
<div class="pageContent" style="padding-top: 1px;">
	<div class="panelBar">
		<ul class="toolBar">
			<li><a href="<c:url value='/movecar/viewMoveCar/{sel_id}'/>" target="dialog" width="620" height="500" mask="true" resizable="true" maxable="false"  class="edit" rel="page_movecar_detail" title="堵路移车详情"><span>查看详情</span></a></li>
			<li class="line">line</li>
		</ul>
	</div>
	<table nowrapTD="false" class="table" width="100%" layoutH="140">
		<thead>
		<tr>
			<th width="40" align="center">序号</th>
			<th width="60" align="center">发布时间</th>
			<th width="40" align="center">报警人电话</th>
			<th width="40" align="center">挪车车牌</th>
			<th width="80" align="center">挪车位置</th>
			<th width="40" align="center">车主姓名</th>
			<th width="40" align="center">车主电话</th>
			<th width="40" align="center">状态</th>
		</tr>
		</thead>
		<tbody>
		<c:forEach var="movecar" items="${pager.list}" varStatus="vs">
			<tr target="sel_id" rel="${movecar.id}">
				<td>${vs.count+(pager.pageNum-1)*pager.numPerPage}</td>
				<td><fmt:formatDate value="${movecar.reportTime}" pattern="yyyy-MM-dd HH:mm"/></td>
				<td>${movecar.reportMobile}</td>
				<td>${movecar.carNo}</td>
				<td>${movecar.address}</td>
				<td>${movecar.carOwner}</td>
				<td>${movecar.ownerMobile}</td>
				<c:choose>
					<%--<c:when test="${movecar.handleStatus == 1}"><td>未处理</td></c:when>--%>
					<c:when test="${movecar.handleStatus == 2}"><td>已处理</td></c:when>
					<c:otherwise><td>未处理</td></c:otherwise>
				</c:choose>
				<input type="hidden" id="movecar${movecar.id}">
			</tr>
		</c:forEach>
		</tbody>
	</table>
	<div class="panelBar">
		<div class="pages">
			<span>显示&nbsp;</span>
			<select id="cob_ps" class="combox" name="numPerPage" onchange="navTabPageBreak({numPerPage:this.value})">
				<option value="20">20</option>
				<option value="50">50</option>
				<option value="100">100</option>
				<option value="200">200</option>
			</select>
			<span>条，共${pager.total}条</span>
		</div>
		<div class="pagination" targetType="navTab" totalCount="${pager.total}" numPerPage="${pager.numPerPage}" pageNumShown="10"
			 currentPage="${pager.pageNum}"></div>
	</div>
	<form id="pagerForm" method="post" action="<c:url value='/movecar/index'/>">
		<input type="hidden" name="pageNum" value="${pager.pageNum}"/>
		<input type="hidden" name="keywords" value="${query.keywords}"/>
		<input type="hidden" name="numPerPage" value="${pager.numPerPage}"/>
		<input type="hidden" name="handler" value="${query.handler}"/>
		<input type="hidden" name="start" value="<fmt:formatDate value="${query.start}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
		<input type="hidden" name="end" value="<fmt:formatDate value="${query.end}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
	</form>
</div>
<script>
	$(function(){
		$("#txt_movecar_handleStatus").val("${query.handleStatus}");
	});



	function exportExcel() {

		window.location.href = "${pageContext.request.contextPath }/movecar/exportExcel.xls?end=${query.end}&start=${query.start}&carNo=${query.carNo}&address=${query.address}&handleStatus=${query.handleStatus}&content_number=${query.content_number}";
	}



</script>


